1@charset "utf-8";
/* CSS Document */

*{
    margin:0 auto;
}
body{
    margin:0 auto;
	height:auto;
	font-size:12px;
	line-height:24px;
	font-family:microsoft yahei;
	color:#757575;
}
img{
    border:0;
}
ul,li{
    margin:0;
	padding:0;
    list-style-type:none;
}
a,a:hover{
	color:#757575;
	text-decoration:none;
}
/**********************header*****************************/
.header{ width:100%; height:113px; background:url(../images/head_bg.jpg) repeat-x;}
.head{ width:1100px; height:auto;}

/*logo*/
.logo{ width:373px; height:108px; float:left;}


/*mainmenu*/
.mainmenu{ float:left;}
.mainmenu ul{ margin: 0 0 0 44px;}
.mainmenu ul li{ float:left;}
.mainmenu ul li a{ display:block; height:110px; line-height:110px;padding:0 21px; font-size:14px; color:#fff;}
.mainmenu ul li a:hover{ background:url(../images/menuhover.jpg) no-repeat; }


.mainmenu ul.u1{
	background: none repeat scroll 0 0 #fff;
	margin-left: -300px;
	padding-left: 5px;
    position: absolute;
    z-index: 999;
	width:840px;
	border-bottom:4px solid #384660;
}
.mainmenu .u1 li
{
	
	width:210px;
	padding:10px 0 ;
    line-height: 30px;
    margin-top: 0px;
	}
.mainmenu .u1 li a{ color: #015DAA;
    font-size: 14px;
 
	height:auto;}
.mainmenu .u1 li a:hover{ font-weight:bold;}	
.mainmenu .u1 li{ float:left; margin-top: 5px;}
.mainmenu .u1 li a{ line-height:15px;  font-size:14px; color:#384660;}
.mainmenu .u1 li a:hover{color:#015daa;   background:none;}
/*follow*/
.follow{ float:right;}


/***************banner*******************/
.banner{ width:100%; height:auto; background:url(../images/banner_bg.jpg) repeat-x;float:left;}
.bannerpic{ width:1100px; left: 50%;margin-left:-550px;position: relative;width: 1100px;}

/****************content***************/
.content{ width:100%; clear:both;}
/*history*/
.history{ width:1100px; background:url(../images/history_bg.png) no-repeat center; height:162px;}


/*maincontent*/
.maincontent{ width:100%; background:url(../images/content_bg.jpg) repeat-y; height:auto; overflow:hidden;}
.maincontenttxt{ width:1100px; position:relative;}
/**************contentleft***********************/
.contentleft{ float:left; width:670px; margin-bottom: 20px;}
.aboutus{width:670px; float:left; height:auto;}
.aboutustxt{ float:left; background:#fff; border:1px solid #eeeeee; }
.aboutustxt img{ float:left;}
.abouttitle { color:#5e5e5e; font-size:16px; font-weight:bold; margin:10px 0; background:url(../images/arrow.png) 135px 10px no-repeat;}
.aboutcontent{ margin:18.5px 15px; float:left; width:365px; }
.aboutfoot{ background:url(../images/line1.jpg) no-repeat; width:665px; height:4px; margin-top:25px; float:left;}

/*hotpro*/
.hotpro{ margin-top:30px; width:668px; float:left;position:relative;}
.hothead{ height:40px;position:relative;}
.hottype{ float:left; line-height:40px;}
.hottype li{ float:left;}
.hottype li a{ float:left; font-size:16px; padding:0px 40px; color:#333333;}
.hottype li a:hover{ background:url(../images/arrow3.png) no-repeat center bottom  #1e9854; color:#fff;}

.hottype li.hover{
 background:url(../images/arrow3.png) no-repeat center bottom  #1e9854;color:#ffffff;
}
.hottype li.hover a, .hottype li.hover a:hover{
color:#ffffff;
}

li.hottypehover a{float:left; font-size:16px; padding:0px 40px; background:none; color:#333;}
.hotpage{ float:right; line-height:26px;}
.hotpage li{ float:left; padding-right:5px;}
.hotpage li a:hover{ background:#1e9854;}
 
li.hotpre  a{ float:left; font-size:16px; padding:0px 7px; background:#1e9854; color:#fff;}
/*.hotpage li a:hover{ background:#1e9854; color:#fff;}*/
li.hotnex  a{float:left; font-size:16px; padding:0px 7px; background:#f7767a; color:#fff;}


.hotcontent{ 
border:1px solid #f4f4f4; background:#FFF; height:auto; float:left; width:668px; padding:15px 0;position:relative;}
 
/**hottxt*/
.hottxt{ width:118px; float:left; padding:7px; text-align:center; margin-top:10px;}
.hottxt img{border:1px solid #c5c5c5;}
.hottitle{ height:25px; background:#30405a; color:#fff;}
.hottitle:hover{ background:#03a649; color:#fff;}

/********************contentright******************/
.contentright{ float:left; width:400px; margin-top:15px; float:right;}

/*news*/
.newspage{ position:absolute; left:330px; top:60px;z-index:9999}
.newspage li{ float:left; }
.newsl a{ background:#767676; color:#fff; padding:5px; float:left; line-height:10px; display:block;}
.newsr a{ background:#a9a9a9; color:#fff; padding:5px; float:left; line-height:10px;}


.hotnews{ position:relative; }
.hotnews p{color:#4c4c4c; font-size:16px; text-align:center;}
.hotnewtxt{ width:100%; background:#fff;  margin:10px 0 0; padding: 25px 0; float:left;border:1px solid #f4f4f4;}
.hotnewcontet{width:365px;line-height:21px;float:left;height:148px;overflow:hidden;}
.hotnewspic{ float:left;}
.hotnewstxt{ float:left; margin-left:15px; width: 205px;}
.newstitle {}
.newstitle a{ font-size:14px;}
.newstitle span{ color:#b6b6b6; font-size:12px;}
.newstxt{ float:left; width:205px;}
.hotnewstxt p{ text-align:right;}
.hotnewstxt p a{ text-decoration:underline; font-size:12px; color:#5ab382;}
.newline{ background:url(../images/line2.jpg) center no-repeat; width:360px; height:1px; margin:0 15px 25px; float:left;}
.nelist{ float:left;}
.nelist li{ line-height:30px;  width:345px;}
.nelist li a{background:url(../images/arrow2.png)  0 5px no-repeat; margin-left:15px;  padding-left:10px;}
.nelist span{ float:right;}
 
.newline2{ background:url(../images/line3.jpg) no-repeat;width:450px; float:left; margin:24px 0 20px; height:4px;}


/****************contactus**************/
.contactus{ float:left; }
.rightpic{ float:left;}
.leftpic{ float:left; margin: 0 0 0 6px;}
.leftpic img{ }
.contactustitle{color:#5e5e5e; font-size:16px; font-weight:bold; margin:0 0 10px 0; background:url(../images/arrow.png) 70px 10px no-repeat; }
.contacttxt{ float:left; width:215px; height:53px; margin-left:6px; background:#30405a; color:#fff; padding:10px 5PX 0 5PX;}

/*bottomclear*/
.bottomclear{ height:15px; width:100%; background:#fff; }

/**********footer******************************/

.footer{ width:100%; height:190px; background:#384660; clear:both;}
.foot{ width:1100px; color:#FFF; }
.nav1{ float:left;  margin:40px 0 0 30px;}
.nav1 span{ font-size:16px;}
.navtxt p{ font-size:12px; color:#d8d8d8;}
.navtxt ul{ float:left; margin:15px 30px 0 0; }
.nav1 span img{ margin:5px;}



/**********************left************************/
.left{ width:240px; float:left;}
.lefttxt{width:240px; float:left;}
.leftcontent h3{ 
    color: #5E5E5E;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0 15px;
	background: url(../images/arrow.png) no-repeat scroll 80px 10px rgba(0, 0, 0, 0);
   }
.leftcontent ul{ 
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F4F4F4;
    float: left;
    margin: 10px 0;
    padding: 5px 0;
    width: 100%;}
.leftcontent ul li{ }
.leftcontent ul li a{
	background: url(../images/arrow2.png) no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    margin-left: 15px;
    padding-left: 10px;}
.lefttxtpic{}
.contacttxt1{background: none repeat scroll 0 0 #30405A;
    color: #FFFFFF;
    float: left;
    height: 53px;
	margin-top:3px;
    padding: 10px 5px 0;
    width: 220px;}
.lefttxtpic img{ margin:0 10px 0 0;}
.leftcontent ul p{ padding-left:10px;}

.right{ width:850px; float:right; margin-top:10px; }
.nav{ color:#5E5E5E; font-size:14px; padding-left:10px;}
.rightcontent{ padding:10px 20px 20px 10px; margin:10px; height:auto;background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #F4F4F4; overflow:hidden;}




 /*----------------------trade show-------------------------------------*/
.mod18{width:700px;height:500px;margin:20px auto;position:relative;background:#ffffff;border:1px solid #DCDCDC;}
.mod18 .btn{position:absolute;width:15px;height:70px;top: 415px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:213px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:740px;height:400px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:700px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:400px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:400px;position:absolute;}
.mod18 .picBox li{width:700px;height:400px; text-align: center;  padding: 10px 0;}
.mod18 .listBox{width:680px;height:100px;margin:0 auto;position:relative;padding: 15px 0 10px;overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:129px;height:70px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:124px;height:70px;}
.mod18 .listBox .on img{width:118px;height:64px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}
/*----------------------trade show-------------------------------------*/



/*--------------------------------shiji--------------------------------------*/
.course {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 162px;
	margin:0 auto;
	width:100%px;
	font-size:12px;
}
.course_nr {
    background: url(../images/history_bg.png) repeat-x 0 center;
    height: 122px;
	margin:0 auto;
	float:left;
	width:100%;
}
.course_nr li {
    background: url(../images/year.png) no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    margin-top: 50px;
    padding-top: 30px;
    position: relative;
    text-align: center;
    width: 140px;
}
.shiji {
    display: none;
    left: 0;
    position: absolute;
    top: -20px;
    width: 100%;
}
.shiji h1 {
    background: url(../images/ico11.gif) no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #F54F54;
    font-size: 13px;
    font-weight: bold;
    height: 67px;
    line-height: 67px;
    margin-bottom: 8px;
	cursor:pointer;
}
.shiji p {
    color: #999999;
    line-height:20px;
}


/*---------------------------按钮--------------------------------------*/
.zy_button {
    height: 20px;
    position: absolute;
    right: 27px;
    top: 15px;
    width: 40px;
    z-index: 999;
}
.zy_button span {
    background: url(../images/button_1.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    width: 20px;
}
.zy_button .s_button1:hover {
    background-position: -20px 0;
}
.zy_button .x_button1 {
    background-position: 0 -20px;
}
.zy_button .x_button1:hover {
    background-position: -20px -20px;
}

.news_contact1_w {
    height: 148px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    width: 365px;
}

.zy_button2{
    height: 27px;
    position: absolute;
    right: 0;
    top: -40px;
    width: 54px;
    z-index: 999;
}
.zy_button2 span {
    background: url(../images/button_2.gif) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: left;
    height: 27px;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    width: 27px;
}
.zy_button2 .s_button2:hover {
    background-position: -27px 0;
}
.zy_button2 .x_button2 {
    background-position: 0 -27px;
}
.zy_button2 .x_button2:hover {
    background-position: -27px -27px;
}

.product_w{
    height: 356px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    width: 660px;
}


/* services */
.services{float:left;}
.services .con{background:url(../images/service.gif) no-repeat 0 0;width:127px;height:368px;position:relative;}
.services .shares{position:absolute;left:10px;top:275px;white-space:nowrap;color:#666;}
.services .shares img{margin-right:5px;}
.services li{text-align:center;}
.services .qq{padding-top:130px;}
.services .name{padding-top:8px;float:left;display:block;width:60px;text-align:right;}
#online .s-btn{background-position:0 -89px;width:38px;height:198px;margin-top:104px;float:left;}
#online .Obtn{background:url(../images/service.gif) no-repeat -331px -53px;float:left;width:39px;height:197px;margin-top:30px;margin-left:-1px;}
#online a.wx{position:absolute;top:166px;left:15px;overflow:hidden;text-indent:-999em;display:block;width:95px;height:95px;}